import React from 'react';
import { inject, observer } from 'mobx-react';
import { Row, Col } from 'antd';
import Editor from "./Editor";

@inject('onlineEditStore')
@observer
class Main extends React.Component {
  static defaultProps = {
    prefixCls: 'wea-odoc-onlineEdit-content'
  }
  
  render() {
    const {
      prefixCls,
    } = this.props;
    return (
      <div className={`${prefixCls}`}>
        <Row>
          <Col span={5} className={`${prefixCls}-left`}>
            <div className="revise">
              <div className="revise-title">
                <div className="title-name">修订</div>
                <div className="title-number">0处修订</div>
              </div>
              
              <div className="revise-content">
                
              </div>
            </div>
          </Col>
          <Col span={14} className={`${prefixCls}-middle`}>
            <Editor/>
          </Col>

          <Col span={5} className={`${prefixCls}-right`}>
            <div className="postil">
              <div className="postilItem creatPostil" style={{display: "none"}}>
                <div className="headPortrait">
                  <span className="odoc_author">罗燕</span><span className="odoc_department">需求分析部</span>
                </div>
                <div className="postilContent">
                  <textarea id="canEdit" className="postilText" onBlur="postil()"></textarea>
                </div>
                {/* <i class="icon-close" onclick="closeCreatPostil(this)"></i> */}
              </div>
            </div>
          </Col>
        </Row>
      </div>
    )
  }
}

export default Main
